import { defineConfig } from 'umi';
import routes from './routes'

export default defineConfig({

    // theme: {
    //     '@primary-color': '#e50120',
    // },

    // styles: [ `http://localhost:8000/color.less`],

    layout: {
        // 支持任何不需要 dom 的
        // https://procomponents.ant.design/components/layout#prolayout
        name: 'AnxinCloud 4.0',
        locale: true,
        layout: 'side',
    },

    // 分模块聚合路由
    routes: [
        ...routes,
        {
            path: '/404',
            component: './404',
        }
    ],

    // 在这里直接定义路由
    //routes: [
    //     {
    //         path: '/auth',
    //         name: '',
    //         component: './auth',
    //         // 不展示顶栏
    //         headerRender: false,
    //         // 不展示页脚
    //         footerRender: false,
    //         // 不展示菜单
    //         menuRender: false,
    //         // 不展示菜单顶栏
    //         menuHeaderRender: false,
    //     },
    //     {
    //         path: '/module_a',
    //         name: 'ModuleA',
    //         //icon name 为 组件名小写后去掉 outlined 或者 filled 或者 twotone，所得值。举例：<UserOutlined /> 的 icon name 即： user。
    //         icon: 'android',
    //         component: './moduleA'
    //     },
    //     {
    //         path: '/module_b',
    //         name: 'ModuleB',
    //         icon: 'apple',
    //         component: './moduleB',
    //     },
    //     {
    //         path: '/404',
    //         component: './404',
    //     },
    // ],

    dynamicImport: {
        loading: '@/components/loading',
    },

    dva: {
        //启用 immer 以方便修改 reducer
        // immer: true,
        //启用 dva model 的热更新
        hmr: true,
    },

    antd: {
        // dark: false,
        compact: true,
    },

    nodeModulesTransform: {
        type: 'none',
    },

    proxy: {
        '/api': {
            target: 'http://10.8.30.157:19084/',
            changeOrigin: true,
            pathRewrite: { '^/api': '' },
        },
    },

    // 快速刷新:（Fast Refresh）是 React 官方为 React Native 开发的模块热替换（HMR）方案
    fastRefresh: {},

    // mfsu:一种基于 webpack5 新特性 Module Federation 的打包提速方案
    mfsu: {},
    webpack5: {},

    define: { CUSTOM_ENV: process.env.CUSTOM_ENV },
})